<template>
  <div class="container page-padding">
    <p class="date">政策日期：2022-04-01至2022-04-30</p>
    <div class="police-container">
      <p class="title">机型：{{brand}}</p>
      <div class="detail-container bgc-gray">
        <p>激励方式：单件提成</p>
        <p>激励规则：每件奖励 <span class="orange">50元</span></p>
      </div>
    </div>
    <!-- <div class="police-container">
      <p class="title">机型：{{brand}}</p>
      <div class="detail-container bgc-gray">
        <p>激励方式：梯度提成</p>
        <p>激励规则：</p>
        <p>小于10件每件奖励<span class="orange">10元</span>；</p>
        <p>大于10件每件奖励<span class="orange">20元</span>；</p>
        <p>大于50件每件奖励<span class="orange">30元</span></p>
      </div>
    </div> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      brand: '',
    };
  },
  created() {
    this.brand = this.$route.params.brand;
  },
};
</script>

<style scoped>
@import url('../../assets/styles/index.css');
.container{
  font-size: 16px;
  width: 100vw;
  box-sizing: border-box;
}
.date{
  margin: 15px 0;
}
.title{
  font-size: 18px;
  font-weight: bolder;
  margin: 10px 0;
}
.detail-container{
  overflow: hidden;
  padding: 0 15px;
}
.detail-container p{
  margin: 15px 0px;
}
</style>
